<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:ice="http://www.icesoft.com/icefaces/component">
    <ice:panelGroup id="navigationTitle">
        <h:outputText value="#{msgs['navigation.title']}"/>
    </ice:panelGroup>

    <ice:panelGroup id="navigationContent">
        <ice:form id="navigationForm">
            <ice:panelGrid columns="2">
                <ice:inputText size="20" ></ice:inputText>
                <ice:commandButton value="#{msgs['navigation.button']}"/>
                <ice:panelGrid columns="2">
                    <ice:commandLink action="alert()" value="#{msgs['navigation.action1']}"/>
                    <ice:commandLink action="alert()" value="#{msgs['navigation.action2']}"/>
                </ice:panelGrid>
            </ice:panelGrid>
            <ice:panelCollapsible id="navigationPanel1" expanded="true" >
                <f:facet name="header">
                    <ice:panelGroup>
                        <ice:outputText value="#{msgs['navigation.panel1Title']}"/>
                    </ice:panelGroup>
                </f:facet>
                <ice:panelGroup>
                    <ice:tree id="navigationTree1" value="#{tree.model}" var="item" hideRootNode="false"  hideNavigation="false" >
                        <ice:treeNode>
                            <f:facet name="icon">
                                <ice:panelGroup style="display: inline">
                                    <h:graphicImage value="#{item.userObject.icon}"/>
                                </ice:panelGroup>
                            </f:facet>
                            <f:facet name="content">
                                <ice:panelGroup style="display: inline">
                                    <ice:commandLink actionListener="#{item.userObject.nodeClicked}" value="#{item.userObject.text}"/>
                                </ice:panelGroup>
                            </f:facet>
                        </ice:treeNode>
                    </ice:tree>
                </ice:panelGroup>
            </ice:panelCollapsible>
            <ice:panelCollapsible id="navigationPanel2" expanded="true" >
                <f:facet name="header">
                    <ice:panelGroup>
                        <ice:outputText value="#{msgs['navigation.panel2Title']}"/>
                    </ice:panelGroup>
                </f:facet>
                <ice:panelGroup >
                    <ice:tree id="navigationTree2" value="#{tree.model}" var="item" hideRootNode="false"  hideNavigation="false" >
                        <ice:treeNode>
                            <f:facet name="icon">
                                <ice:panelGroup style="display: inline">
                                    <h:graphicImage value="#{item.userObject.icon}"/>
                                </ice:panelGroup>
                            </f:facet>
                            <f:facet name="content">
                                <ice:panelGroup style="display: inline">
                                    <ice:commandLink actionListener="#{item.userObject.nodeClicked}" value="#{item.userObject.text}"/>
                                </ice:panelGroup>
                            </f:facet>
                        </ice:treeNode>
                    </ice:tree>
                </ice:panelGroup>
            </ice:panelCollapsible>
        </ice:form>
    </ice:panelGroup>

</ui:composition>